import React, { Component } from 'react';

class App extends Component {

  state = {
    count: 100
  }

  // 即使写在外面也无法正常获取 this，需要手动修改 this 指向
  add = function(){
    console.log('被点击了', this);
  }

  render() {
    return (
      <div>

        <h1>{this.state.count}</h1>

        {/* 如果我们使用的是普通函数，可以通过修改 this 指向来解决获取不到 this 的问题 */}
        <button onClick={this.add.bind(this)}>点击增加</button>


        <button onClick={()=>{


        }}>点击增加</button>

      </div>
    );
  }
}

export default App;
